<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-card ant-pro-card-border"
    >
      <div
        class="ant-pro-card-tabs"
      >
        <div
          class="ant-tabs ant-tabs-top"
        >
          <div
            aria-orientation="horizontal"
            class="ant-tabs-nav"
            role="tablist"
          >
            <div
              class="ant-tabs-nav-wrap"
            >
              <div
                class="ant-tabs-nav-list"
                style="transform: translate(0px, 0px);"
              >
                <div
                  class="ant-tabs-tab ant-tabs-tab-active"
                  data-node-key="1"
                >
                  <div
                    aria-controls="rc-tabs-test-panel-1"
                    aria-selected="true"
                    class="ant-tabs-tab-btn"
                    id="rc-tabs-test-tab-1"
                    role="tab"
                    tabindex="0"
                  >
                    <div
                      class="ant-pro-card-statistic"
                      style="width: 120px; border-inline-end: 1px solid #f0f0f0;"
                    >
                      <div
                        class="ant-pro-card-statistic-wrapper"
                      >
                        <div
                          class="ant-pro-card-statistic-content"
                        >
                          <div
                            class="ant-statistic ant-pro-card-statistic-layout-vertical"
                          >
                            <div
                              class="ant-statistic-title"
                            >
                              All
                            </div>
                            <div
                              class="ant-statistic-content"
                            >
                              <span
                                class="ant-statistic-content-value"
                              >
                                <span
                                  class="ant-statistic-content-value-int"
                                >
                                  10
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="ant-tabs-tab"
                  data-node-key="2"
                >
                  <div
                    aria-controls="rc-tabs-test-panel-2"
                    aria-selected="false"
                    class="ant-tabs-tab-btn"
                    id="rc-tabs-test-tab-2"
                    role="tab"
                    tabindex="-1"
                  >
                    <div
                      class="ant-pro-card-statistic"
                      style="width: 120px;"
                    >
                      <div
                        class="ant-pro-card-statistic-wrapper"
                      >
                        <div
                          class="ant-pro-card-statistic-status"
                        >
                          <span
                            class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                          >
                            <span
                              class="ant-badge-status-dot ant-badge-status-default"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-pro-card-statistic-content"
                        >
                          <div
                            class="ant-statistic ant-pro-card-statistic-layout-vertical"
                          >
                            <div
                              class="ant-statistic-title"
                            >
                              Unpublished
                            </div>
                            <div
                              class="ant-statistic-content"
                            >
                              <span
                                class="ant-statistic-content-value"
                              >
                                <span
                                  class="ant-statistic-content-value-int"
                                >
                                  5
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="ant-tabs-tab"
                  data-node-key="3"
                >
                  <div
                    aria-controls="rc-tabs-test-panel-3"
                    aria-selected="false"
                    class="ant-tabs-tab-btn"
                    id="rc-tabs-test-tab-3"
                    role="tab"
                    tabindex="-1"
                  >
                    <div
                      class="ant-pro-card-statistic"
                      style="width: 120px;"
                    >
                      <div
                        class="ant-pro-card-statistic-wrapper"
                      >
                        <div
                          class="ant-pro-card-statistic-status"
                        >
                          <span
                            class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                          >
                            <span
                              class="ant-badge-status-dot ant-badge-status-processing"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-pro-card-statistic-content"
                        >
                          <div
                            class="ant-statistic ant-pro-card-statistic-layout-vertical"
                          >
                            <div
                              class="ant-statistic-title"
                            >
                              Publishing
                            </div>
                            <div
                              class="ant-statistic-content"
                            >
                              <span
                                class="ant-statistic-content-value"
                              >
                                <span
                                  class="ant-statistic-content-value-int"
                                >
                                  3
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="ant-tabs-tab"
                  data-node-key="4"
                >
                  <div
                    aria-controls="rc-tabs-test-panel-4"
                    aria-selected="false"
                    class="ant-tabs-tab-btn"
                    id="rc-tabs-test-tab-4"
                    role="tab"
                    tabindex="-1"
                  >
                    <div
                      class="ant-pro-card-statistic"
                      style="width: 120px;"
                    >
                      <div
                        class="ant-pro-card-statistic-wrapper"
                      >
                        <div
                          class="ant-pro-card-statistic-status"
                        >
                          <span
                            class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                          >
                            <span
                              class="ant-badge-status-dot ant-badge-status-error"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-pro-card-statistic-content"
                        >
                          <div
                            class="ant-statistic ant-pro-card-statistic-layout-vertical"
                          >
                            <div
                              class="ant-statistic-title"
                            >
                              Publishing Error
                            </div>
                            <div
                              class="ant-statistic-content"
                            >
                              <span
                                class="ant-statistic-content-value"
                              >
                                <span
                                  class="ant-statistic-content-value-int"
                                >
                                  1
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="ant-tabs-tab"
                  data-node-key="5"
                >
                  <div
                    aria-controls="rc-tabs-test-panel-5"
                    aria-selected="false"
                    class="ant-tabs-tab-btn"
                    id="rc-tabs-test-tab-5"
                    role="tab"
                    tabindex="-1"
                  >
                    <div
                      class="ant-pro-card-statistic"
                      style="width: 120px;"
                    >
                      <div
                        class="ant-pro-card-statistic-wrapper"
                      >
                        <div
                          class="ant-pro-card-statistic-status"
                        >
                          <span
                            class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                          >
                            <span
                              class="ant-badge-status-dot ant-badge-status-success"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-pro-card-statistic-content"
                        >
                          <div
                            class="ant-statistic ant-pro-card-statistic-layout-vertical"
                          >
                            <div
                              class="ant-statistic-title"
                            >
                              Published Successfully
                            </div>
                            <div
                              class="ant-statistic-content"
                            >
                              <span
                                class="ant-statistic-content-value"
                              >
                                <span
                                  class="ant-statistic-content-value-int"
                                >
                                  1
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                  style="width: 0px; left: 0px; transform: translateX(-50%);"
                />
              </div>
            </div>
            <div
              class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
            >
              <button
                aria-controls="rc-tabs-test-more-popup"
                aria-expanded="false"
                aria-haspopup="listbox"
                class="ant-tabs-nav-more"
                id="rc-tabs-test-more"
                style="visibility: hidden; order: 1;"
                type="button"
              >
                <span
                  aria-label="ellipsis"
                  class="anticon anticon-ellipsis"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="ellipsis"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                    />
                  </svg>
                </span>
              </button>
            </div>
          </div>
          <div
            class="ant-tabs-content-holder"
          >
            <div
              class="ant-tabs-content ant-tabs-content-top"
            >
              <div
                aria-hidden="false"
                aria-labelledby="rc-tabs-test-tab-1"
                class="ant-tabs-tabpane ant-tabs-tabpane-active"
                id="rc-tabs-test-panel-1"
                role="tabpanel"
                style="width: 100%;"
                tabindex="0"
              >
                <div
                  style="display: flex; align-items: center; justify-content: center; background-color: #fafafa; height: 100px;"
                >
                  Related display content All
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>